.spectrum-Icon,
.spectrum-UIIcon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  pointer-events: none;
}
.spectrum-Icon:not(:root), .spectrum-UIIcon:not(:root) {
    overflow: hidden;
  }
.spectrum-Icon--sizeXXS,
  .spectrum-Icon--sizeXXS img,
  .spectrum-Icon--sizeXXS svg {
    height: 11px;
    width: 11px;
  }
.spectrum-Icon--sizeXS,
  .spectrum-Icon--sizeXS img,
  .spectrum-Icon--sizeXS svg {
    height: 15px;
    width: 15px;
  }
.spectrum-Icon--sizeS,
  .spectrum-Icon--sizeS img,
  .spectrum-Icon--sizeS svg {
    height: 22px;
    width: 22px;
  }
.spectrum-Icon--sizeM,
  .spectrum-Icon--sizeM img,
  .spectrum-Icon--sizeM svg {
    height: 30px;
    width: 30px;
  }
.spectrum-Icon--sizeL,
  .spectrum-Icon--sizeL img,
  .spectrum-Icon--sizeL svg {
    height: 44px;
    width: 44px;
  }
.spectrum-Icon--sizeXL,
  .spectrum-Icon--sizeXL img,
  .spectrum-Icon--sizeXL svg {
    height: 60px;
    width: 60px;
  }
.spectrum-Icon--sizeXXL,
  .spectrum-Icon--sizeXXL img,
  .spectrum-Icon--sizeXXL svg {
    height: 90px;
    width: 90px;
  }
.spectrum--medium .spectrum-UIIcon--large {
    display: none;
  }
.spectrum--medium .spectrum-UIIcon--medium {
    display: inline;
  }
.spectrum--large .spectrum-UIIcon--medium {
    display: none;
  }
.spectrum--large .spectrum-UIIcon--large {
    display: inline;
  }
.spectrum--large {
  --ui-icon-large-display: block;
  --ui-icon-medium-display: none;
}
.spectrum--medium {
  --ui-icon-medium-display: block;
  --ui-icon-large-display: none;
}
.spectrum-UIIcon--large {
  display: var(--ui-icon-large-display);
}
.spectrum-UIIcon--medium {
  display: var(--ui-icon-medium-display);
}
.spectrum-UIIcon-AlertMedium {
  width: 22px;
  height: 22px;
}
.spectrum-UIIcon-AlertSmall {
  width: 18px;
  height: 18px;
}
.spectrum-UIIcon-ArrowDownSmall {
  width: 10px;
  height: 12px;
}
.spectrum-UIIcon-ArrowLeftMedium {
  width: 18px;
  height: 12px;
}
.spectrum-UIIcon-Asterisk {
  width: 10px;
  height: 10px;
}
.spectrum-UIIcon-CheckmarkMedium {
  width: 16px;
  height: 16px;
}
.spectrum-UIIcon-CheckmarkSmall {
  width: 12px;
  height: 12px;
}
.spectrum-UIIcon-ChevronDownMedium {
  width: 12px;
  height: 8px;
}
.spectrum-UIIcon-ChevronDownSmall {
  width: 10px;
  height: 8px;
}
.spectrum-UIIcon-ChevronLeftLarge {
  width: 16px;
  height: 20px;
}
.spectrum-UIIcon-ChevronLeftMedium {
  width: 8px;
  height: 12px;
}
.spectrum-UIIcon-ChevronRightLarge {
  width: 16px;
  height: 20px;
}
.spectrum-UIIcon-ChevronRightMedium {
  width: 8px;
  height: 12px;
}
.spectrum-UIIcon-ChevronRightSmall {
  width: 8px;
  height: 10px;
}
.spectrum-UIIcon-ChevronUpSmall {
  width: 10px;
  height: 8px;
}
.spectrum-UIIcon-CornerTriangle {
  width: 6px;
  height: 6px;
}
.spectrum-UIIcon-CrossLarge {
  width: 16px;
  height: 16px;
}
.spectrum-UIIcon-CrossMedium {
  width: 10px;
  height: 10px;
}
.spectrum-UIIcon-CrossSmall {
  width: 10px;
  height: 10px;
}
.spectrum-UIIcon-DashSmall {
  width: 12px;
  height: 12px;
}
.spectrum-UIIcon-DoubleGripper {
  width: 20px;
  height: 5px;
}
.spectrum-UIIcon-FolderBreadcrumb {
  width: 22px;
  height: 22px;
}
.spectrum-UIIcon-HelpMedium {
  width: 22px;
  height: 22px;
}
.spectrum-UIIcon-HelpSmall {
  width: 18px;
  height: 18px;
}
.spectrum-UIIcon-InfoMedium {
  width: 22px;
  height: 22px;
}
.spectrum-UIIcon-InfoSmall {
  width: 18px;
  height: 18px;
}
.spectrum-UIIcon-Magnifier {
  width: 20px;
  height: 20px;
}
.spectrum-UIIcon-SkipLeft {
  width: 10px;
  height: 12px;
}
.spectrum-UIIcon-SkipRight {
  width: 10px;
  height: 12px;
}
.spectrum-UIIcon-Star {
  width: 22px;
  height: 22px;
}
.spectrum-UIIcon-StarOutline {
  width: 22px;
  height: 22px;
}
.spectrum-UIIcon-SuccessMedium {
  width: 22px;
  height: 22px;
}
.spectrum-UIIcon-SuccessSmall {
  width: 18px;
  height: 18px;
}
.spectrum-UIIcon-TripleGripper {
  width: 12px;
  height: 9px;
}
